/* CSS Document */

/*屏幕小于等于800*/
@media ( max-width:800px ) {	
/* html { font-size:56% } */
body { font-family: "PingFang SC", "Microsoft Yahei", "微软雅黑" ,"黑体" ,"宋体", Helvetica, Arial, sans-serif; font-weight:300 }
em, q, cite, address, h1, h2, h3, h4, h5, h6, th { font-weight:300 }

input { vertical-align:middle; font-family: "PingFang SC", "Microsoft Yahei", "微软雅黑" ,"黑体" ,"宋体", Helvetica, Arial, sans-serif; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; appearance:none; -moz-appearance:none; -webkit-appearance:none }

.mo_positionRelative { position: relative!important }
.mo_positionAbsolute { position: absolute!important } 
.mo_positionStatic { position:static!important; top: 0; left: 0; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0) }
.mo_poabsolute-h50 { position:absolute; top:50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%) }
.mo_poabsolute-b { position:absolute; bottom:0 }

/* float */
.mo_fleft { float:left!important }
.mo_fright { float:right!important }
.mo_fnone { float:none!important }
/* text-align */
.mo_tleft { text-align:left!important }
.mo_tright { text-align:right!important }
.mo_tcenter { text-align:center!important }
 
.fontSize12 { font-size:1.2rem }

h1, .h1 { font-size: 2.4rem }
h2, .h2 { font-size: 2.2rem }
h3, .h3 { font-size: 2rem }
h4, .h4 { font-size: 1.8rem; line-height:1.3em }
h5, .h5 { font-size: 1.6rem }
h6, .h6 { font-size: 1.5rem }

.mo_margintop0 { margin-top:0!important }
.mo_margintop5 { margin-top:5px }
.mo_margintop10 { margin-top:10px }
.mo_margintop15 { margin-top:15px }
.mo_margintop20 { margin-top:20px }
.mo_margintop30 { margin-top:30px }
.mo_margintop40 { margin-top:40px }
.mo_margintop50 { margin-top:50px }
.mo_margintop60 { margin-top:60px }

.mo_marginbottom0 { margin-bottom:0!important }
.mo_marginbottom5 { margin-bottom:5px }
.mo_marginbottom10 { margin-bottom:10px }
.mo_marginbottom20 { margin-bottom:20px }
.mo_marginbottom30 { margin-bottom:30px }

.mo_marginleft0 { margin-left:0!important }
.mo_marginleft5 { margin-left:5px }
.mo_marginleft10 { margin-left:10px }
.mo_marginleft20 { margin-left:20px }

.mo_marginright0 { margin-right:0!important }
.mo_marginright10 { margin-right:10px }
.mo_marginright5 { margin-right:5px }
.mo_marginright20 { margin-right:20px }
.mo_marginright30 { margin-right:30px }

.mo_marginauto { margin-left:auto; margin-right:auto }

.mo_paddingtop0 { padding-top:0!important }
.mo_paddingtop5 { padding-top:5px!important }
.mo_paddingtop10 { padding-top:10px }
.mo_paddingtop15 { padding-top:15px }
.mo_paddingtop20 { padding-top:20px }
.mo_paddingtop30 { padding-top:30px }
.mo_paddingtop40 { padding-top:40px }

.mo_paddingbottom0 { padding-bottom:0!important }
.mo_paddingbottom5 { padding-bottom:5px }
.mo_paddingbottom10 { padding-bottom:10px }
.mo_paddingbottom15 { padding-bottom:15px }
.mo_paddingbottom20 { padding-bottom:20px }
.mo_paddingbottom30 { padding-bottom:30px }
.mo_paddingbottom40 { padding-bottom:40px }
.mo_paddingbottom60 { padding-bottom:60px }

.mo_paddingleft0 { padding-left:0!important }
.mo_paddingleft10 { padding-left:10px }
.mo_paddingleft20 { padding-left:20px }

.mo_paddingright0 { padding-right:0!important }
.mo_paddingright10 { padding-right:10px }
.mo_paddingright20 { padding-right:20px }

.mo_padding0 { padding:0!important }
.mo_padding5 { padding:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.mo_padding10 { padding:10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.mo_padding10_20 { padding:10px 20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.mo_padding20 { padding:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.mo_padding20_30 { padding:20px 30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.mo_padding30 { padding:30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

.mo_dis { display: block }
.mo_undis { display:none }

.mo_row5 { margin-left: -5px; margin-right: -5px }

.area_100, .area_90, .area_85, .area_80, .area_75, .area_70, .area_66, .area_65, .area_60, .area_55, .area_50, .area_48, .area_45, .area_40, .area_35, .area_33, .area_30, .area_28, .area_25, .area_22, .area_20, .area_15, .area_10 { float:none; width:100% }

.mo_width30 { max-width: 30%; width:30% }
.mo_width40 { max-width: 40%; width:40% }
.mo_width50 { max-width: 50%; width:50% }
.mo_width60 { max-width: 60%; width:60% }
.mo_width90 { max-width: 90%; width:90% }
.mo_width100 { max-width: 100%; width:100% }
.mo_heightauto { height: auto }

.com-rows_1 { height:auto; display:block; white-space:inherit; overflow:visible; text-overflow:inherit }
.com-rows_2, .com-rows_max2, .com-rows_3, .com-rows_4, .com-rows_max4, .com-rows_5, .com-rows_6 { max-height: 100%; height:auto; line-height:1.3em; overflow:visible; text-overflow:inherit; display:block }

.container { width: 100%; padding-left: 25px; padding-right: 25px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }



/*-------------------底部-------------------*/ 
.footbox .container { padding-left: 15px; padding-right: 15px }
.foot-layout span.mo_undis { display: none }
.foot-link a { display: inline-block; padding: 0 5px }
.foot-link a:first-of-type { padding-left: 0 }
.foot-link a:nth-of-type(4) { display: none }

.anchor02 { position: relative; top: -400px }

.tovideo { left: 50%; margin-left: -20px; top: 50%; margin-top: -20px }
.tovideo .play { width: 40px; height: 40px }
.tovideo .play em { top: 12px; left: 17px; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 12px solid #000 }

.button-video-sound { right: -10px; top: auto; bottom: 0; transform: skewX(-11deg) translateY(0); -ms-transform: skewX(-11deg) translateY(0); -webkit-transform: skewX(-11deg) translateY(0); -o-transform: skewX(-11deg) translateY(0); -moz-transform: skewX(-11deg) translateY(0) }

.mo_index-con01 { padding-left: 25px; padding-right: 25px; background: #eee }
.index-con01 { height: calc(60vh); background: url(../images/index/img02.jpg) 20% bottom no-repeat; background-size: auto 130% }
.index-con01-bg { width: 100%; height: 50%; top: auto; bottom: 0 }

/*-------------------内页通用-------------------*/ 
.insidekv { margin-top: 48px }
.insidekv-slogan { height: calc(100%) }

.level3kv { height: 122px; margin-top: 48px }

.block-padding { padding-top: 30px; padding-bottom: 30px }
.block-padding-t { padding-top: 30px }
.block-padding-b { padding-bottom: 30px }
.block-padding-t30 { padding-top: 0 }
.block-padding-t45 { padding-top: 15px }
.block-padding-t50 { padding-top: 20px }
.block-padding-b45 { padding-bottom: 15px }
.block-padding-b50 { padding-bottom: 20px }

.card-padding { padding:20px }

.headspace { height: 48px }

.mo_insidetitle { display: inline-block; margin-left: 20px; padding: 10px 10px 5px; border-bottom: 5px solid #ef3139; box-sizing: border-box }

/*-------------------走进中南-------------------*/ 
.about-culture-con, .profile-con02 { background: transparent }

.profile-content { margin-left: 0; margin-right: 0 }
.profile-con04 .tabs h5 { font-size: 1.2rem }

#content1 .area_25.margintop20:nth-of-type(1), #content1 .area_25.margintop20:nth-of-type(2), #content1 .area_25.margintop20:nth-of-type(3), #content1 .area_25.margintop20:nth-of-type(4), #content .area_25.margintop20:nth-of-type(1), #content .area_25.margintop20:nth-of-type(2), #content .area_25.margintop20:nth-of-type(3), #content .area_25.margintop20:nth-of-type(4) { margin-top: 20px }

.brand-page .rhombus-box { margin: 8px }
.brand-page .rhombus { width: 70px; height: 70px }

.culture-title { font-size: 3rem }
.culture-con { padding: 0; background: url(../images/about/culture-img01.jpg) center center no-repeat; background-size: cover }
.culture-con h6 { height: 50px; line-height: 50px; border-bottom:0 }
.culture-con .area_25:hover h6 { border-bottom: 0 }
.culture-con .area_25:first-of-type h6, .culture-con .area_25:nth-of-type(4) h6 { width: calc(100%) }

.logo-31-big { width: 40%; opacity: 1; z-index: -1; animation: opacity02 2s ease-in forwards 0s; -moz-animation: opacity02 2s ease-in forwards 0s; -webkit-animation: opacity02 2s ease-in forwards 0s; -o-animation: opacity02 2s ease-in forwards 0s }
.drawing { animation: opacity02 2s ease-in forwards; -moz-animation: opacity02 2s ease-in forwards; -webkit-animation: opacity02 2s ease-in forwards; -o-animation: opacity02 2s ease-in forwards }
@keyframes opacity02 {
	0%, 90% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@-moz-keyframes opacity02 {
	0%, 90% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@-webkit-keyframes opacity02 {
	0%, 90% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@-o-keyframes opacity02 {
	0%, 90% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
.kwicksbox { position: absolute; top: 0; left: 100%; opacity: 1; animation: toleft02 .5s linear forwards 1s; -moz-animation: toleft02 .5s linear forwards 1s; -webkit-animation: toleft02 .5s linear forwards 1s; -o-animation: toleft02 .5s linear forwards 1s }
@keyframes toleft02 {
	0% {
		opacity: 1;
		left: 100%;
	}
	100% {
		opacity: 1;
		left: 0;
	}
}
@-moz-keyframes toleft02 {
	0% {
		opacity: 1;
		left: 100%;
	}
	100% {
		opacity: 1;
		left: 0;
	}
}
@-webkit-keyframes toleft02 {
	0% {
		opacity: 1;
		left: 100%;
	}
	100% {
		opacity: 1;
		left: 0;
	}
}
@-o-keyframes toleft02 {
	0% {
		opacity: 1;
		left: 100%;
	}
	100% {
		opacity: 1;
		left: 0;
	}
}

.kwicks { height: 100%; border-left: 1px solid #bebebe }
.kwicks > li { width: 100%; height: 14.28%; border-left: 0 }

.kwicks li .details { width: calc(100vw); height: calc(100%); overflow: hidden; position: absolute; left: 0; top: 0; background: #fff; filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; cursor: pointer }
.kwicks li.kwicks-expanded .details { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1 }
.kwicks li .details .logo-31 { width: 10%; height: auto }
.kwicks li .details .icon-topright { position: absolute; top: 20px; right: 20px }
.kwicks li .details .year { position: absolute; top: 60px; right: 30px }

.kwicks li .kwicks-year { padding-left: 10px; white-space:nowrap; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s }
.kwicks li.kwicks-collapsed .kwicks-year { filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0 }

.kwicks-line { display: none }

.kwicks-num { width: 100%; border-top: 1px solid #f00; position: absolute; left: 0; bottom: 2%; text-align: center; height: 22px }
.kwicks-num em { display: block; height: 15px; width: 3px; background: #f00; position: absolute; top: -50%; left: 0 }

.popup { height: calc(100% + 175px); overflow-x: hidden; overflow-y: auto }
.popuptop-txt { height: auto }
.popup .icon-add.fa-4x { position: absolute; top: 20px; right: 20px; font-size: 2em!important }

.party-con01-txt { margin-top: -40px }
.party-txt { width: 100% } 

/*-------------------新闻-------------------*/
.news-select { margin-top: 0 }
.news-select-list { top: 30px }
.search-dl { width: calc(100% - 30px) }
.search-dl dt input { width: 100% }

.group-list .group-li:nth-of-type(even) a { background: #fff }
.group-li { margin-top: 20px }
.group-li dl { margin-left: 0 }
.group-li dl dt { width: 100%; margin-left: 0 }

.wemedia-con01 div.area_33 { width: 50%; float: left }

..wemedia-ewm, a:hover .wemedia-ewm { display: none }

/*-------------------投资者关系-------------------*/ 
.irindex-height01 { height: auto }
.irindex-title.card-padding { padding: 20px 0 } 

.irindex-con01 img { height: auto; width: 100%; position: static }
.irindex-con02 img.poabsolute-b { top: 20px; bottom: auto }

.notice-list { margin-left: 0; margin-right: 0; height: auto }
.notice-list-date { width: 100%; margin-left: 0; border-bottom: 1px solid #eee; padding-bottom: 10px }
.notice-list-date .day { font-size: 20px; display: inline }
.notice-list-date p { display: inline }
.notice-list-down { width: 100%; margin-right: 0; height: 22px; line-height: 22px }
.notice-list-down .iconfont { font-size: 20px!important; line-height: 22px }

.mo_finance-title .mo_year { display: inline-block }
.mo_finance-title span.fright { display: block }

.financial-dl { margin-left: 0; padding-bottom: 8px }
.financial-dl dt { width: 100%; margin-left: 0; padding: 8px 8px 0 }
.financial-dl dt span { display: none }
.financial-list li { width: 50%; padding: 8px 8px 0 8px }

.gov-list02 li dl { margin-right: 0 }
.gov-list02 li dl dd { width: 100%; margin-right: 0 }
.gov-li-classes { display: block; width: 100%; margin-right: 0; margin-bottom: 5px }

.ircontact-dl { margin-left: 60px }
.ircontact-dl dt { width: 60px; margin-left: -60px }
.ircontact-dl dt .iconfont.fa-4x { font-size: 2.4em!important }

.stock-con { width: 100%; padding-bottom: 10px; overflow-x: auto; overflow-y: hidden } 
.stock-table { width: auto }
.stock-table td, .stock-table th { min-width: 100px }

.stock-con::-webkit-scrollbar {
width:8px;
height:8px
}
.stock-con::-webkit-scrollbar-thumb {
border-radius:10px;
background:rgba(0,0,0,.2)
}
.stock-con::-webkit-scrollbar-thumb:window-inactive {
background:rgba(0,0,0,.1)
}
.stock-con::-webkit-scrollbar-thumb:vertical:hover {
background-color:rgba(0,0,0,.3)
}
.stock-con::-webkit-scrollbar-thumb:vertical:active {
background-color:rgba(0,0,0,.7)
}

/*-------------------产业版图-------------------*/
.layout-tab { height: auto; line-height: 22px; padding: 20px; background: #f26065; color: #fff }
.layout-tab h3 { position: static; top: 0; left: 0; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); padding-right: 0 }
.layout-tab .iconfont { display: none }
.layout-tab em { display: block; left: 20px; margin-left: 0 }

.layout-con { padding: 36px 20px 20px; display: block }
.layout-tabs .area_33:nth-of-type(2) .layout-con, .layout-tabs .area_33:nth-of-type(5) .layout-con, .layout-tabs .area_33:nth-of-type(3) .layout-con { left: 0 }
.jylayout-tabs .area_33.padding2 { width: 100% }
.yl-map { max-width: 100%; width: 100% }

.sytz-con01-l, .sytz-con01-r { float: none; width: 100% }
.sytz-txt01, .sytz-txt02, .sytz-txt03 { height: auto }
.sytz-dl { padding-left: 0 }
.sytz-dl dt { width: 100%; margin-left: 0; margin-bottom: 10px }

/*-------------------加入中南-------------------*/ 
.social-con { margin-left: 0 }
.social-con-l { width: 100%; margin-left: 0 }

.mo_social-select { height: 40px; line-height: 40px; margin-bottom: 10px }
.mo_social-select select { height: 40px; line-height: 40px; width: 100%; background: #bed3e2; border: 1px solid #bed3e2; border-radius: 0; padding-left: 10px; box-sizing: border-box; appearance:none; -moz-appearance:none; -webkit-appearance:none }
.mo_social-select .iconfont { top: 13px; right: 10px; z-index: 2; pointer-events: none }

.social-search { margin-right: 60px }
.social-search .button { margin-right: -60px; width: 60px; height: 40px; line-height: 40px; background: #ed1b23; color: #fff }
.social-search input { height: 40px; line-height: 40px; padding-left: 10px }

.social-con01 { display: block; height: auto; padding: 40px 20px }
.post-title { height:auto; overflow:visible; text-overflow:inherit; display:block }
.social-con01:hover .post-title, .social-con01:hover .post-txt { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }

.join-campus-con { height: auto }
.join-campus-r { width: 100% }
.join-campus-l { width: calc(100%); background: transparent }

.talent-accordion { padding-left: 20px; padding-right: 20px }

.talent-title04 { padding: 20px }
.talent-con04 { height: 120px; line-height: 120px }
.talent-con04>div { width: 33.33% }


.talent-box>div { padding-left: 25px; box-sizing: border-box }
.talent-box01 { padding-top: 30px; background-position: 10% top }
.talent-box02 { padding-bottom: 30px; background-position: 70% center }
.talent-box03 { padding-top: 30px; background-position: 5% top }
.talent-box03 .width50 { width: 56% }
.talent-box04 { padding-top: 30px; background-position: 62% top }
.talent-box04 .width75 { width: 62% }


.sdel-dl { margin-left: 0; padding-top: 10px; padding-bottom: 10px }
.sdel-dl dt { width: 100%; margin-left: 0; font-weight: bold }
.sdel-dl ol { margin-top: 5px }
.pdf_box .poabsolute-wh50 { width: 80% }
.pdf_box .poabsolute-wh50>div:first-child { padding: 20px }

/*-------------------联系我们-------------------*/ 
.contact-con { height: auto }
.contact-con .area_80 { margin-left: 0 }
.contact-con:nth-of-type(odd) { background: #fafafa }
.contact-con:nth-of-type(even) { background: #fff }

.contact-site div, .contact-site2 div{ height: 150px }
.contact-site02 { height: 150px }

/*-------------------子公司-------------------*/ 
.group-page { height: auto; min-height: 100% }
.group-page .logo { width: auto; height: 28px; left: 20px; top: 10px; max-width: 50% }

.group-con { width: 80%; height: auto }
.group-title { padding: 20px 0 }

.group-con .area_25 { width: 50%; float: left }
.group-con .area_25:nth-of-type(2), .group-con .area_25:nth-of-type(6) { border-right: 0 }
.group-con .area_25:nth-of-type(3), .group-con .area_25:nth-of-type(4), .group-con .area_25:nth-of-type(5), .group-con .area_25:nth-of-type(6), .group-con .area_25:nth-of-type(7), .group-con .area_25:last-of-type { padding-top: 30px }
.group-con .area_25:nth-of-type(5), .group-con .area_25:nth-of-type(6) { padding-bottom: 0 } 
.group-con .area_25:nth-of-type(7) .group-box { padding-bottom: 0 }

.bottom-line div:nth-of-type(1), .bottom-line div:nth-of-type(3) { width: 10% }
.bottom-line div:nth-of-type(2) { width: 80% }


.baidu-dl { padding-left: 0 }
.baidu-dl dt { width: 100%; margin-left: 0; margin-bottom: 10px }


}
/*-------------------兼容iphone5-------------------*/
@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){
html { font-size:52% }

}